<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="container">
				<div class="logo fl">
					<a href="">
						<img src="./images/logo.png" alt="">
					</a>
				</div>
				<div class="nav fl">
					<ul>
						<li class="fl">智慧家庭
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">智慧首页</a>
									</li>
									<li>
										<a href="">智家方案</a>
									</li>
									<li>
										<a href="">智慧家电</a>
									</li>
									<li>
										<a href="">生活资讯</a>
									</li>
									<li>
										<a href="">智慧体验店</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">个人与家用产品
							<div class="subnav subnav1">
								<ul>
									<div class="line"></div>
									<li>
										<i class="icon bx"></i>
										<a href="">冰箱 冷柜</a>
									</li>
									<li>
										<i class="icon jg"></i>
										<a href="">冰吧 酒柜</a>
									</li>
									<li>
										<i class="icon xyj"></i>
										<a href="">洗衣机</a>
									</li>
									<li>
										<i class="icon kt"></i>
										<a href="">空调</a>
									</li>
									<li>
										<i class="icon tv"></i>
										<a href="">电视</a>
									</li>
									<li>
										<i class="icon rsq"></i>
										<a href="">热水器</a>
									</li>
									<li>
										<i class="icon cfdq"></i>
										<a href="">厨房电器</a>
									</li>
									<li>
										<i class="icon dn"></i>
										<a href="">电脑及外设</a>
									</li>
									<li>
										<i class="icon xjd"></i>
										<a href="">小家电</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">商用解决方案
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">中央空调</a>
									</li>
									<li>
										<a href="">商用冷柜</a>
									</li>
									<li>
										<a href="">商用洗涤</a>
									</li>
									<li>
										<a href="">商用电视</a>
									</li>
									<li>
										<a href="">商用电脑</a>
									</li>
									<li>
										<a href="">U-home</a>
									</li>
									<li>
										<a href="">商用净水设备</a>
									</li>
									<li>
										<a href="">商用热泵</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">购买与服务
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">产品导购</a>
									</li>
									<li>
										<a href="">产品购买</a>
									</li>
									<li>
										<a href="">服务于支持</a>
									</li>
									<li>
										<a href="">会员尊享</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">关于海尔
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">海尔品牌</a>
									</li>
									<li>
										<a href="">投资者关系</a>
									</li>
									<li>
										<a href="">品牌资讯</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
				<div class="search fr">
					<div class="searchL fl">
						<input type="text" placeholder="8k解码电视" class="fl">
						<i class="icon sousuo fr"></i>
						<div class="clear"></div>
					</div>
					<i class="icon gouwu"></i>
					<div class="icon about">
						<i class="icon about1"></i>
						<i class="icon aboutH"></i>
					</div>
				</div>
			</div>
		</div>
		<!-- 轮播图 -->
		<div class="banner">
			<ul>
				<li>
					<img src="images/W020200911387549911615.webp" alt="">
				</li>
			</ul>
		</div>
		<!-- 心选精品 -->
		<div class="xxjp">
			<div class="container">
				<h1>心选精品</h1>
				<ul>
					<li>
						<a href="">智慧家电</a>
					</li>
					<li>
						<a href="">健康抑菌</a>
					</li>
					<li>
						<a href="">青春风尚</a>
					</li>
					<li>
						<a href="">颜值控</a>
					</li>
					<li>
						<a href="">黑科技</a>
					</li>
					<li>
						<a href="">成套臻选</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="xxz">
			<div class="xxzT"></div>
			<div class="xxzB"></div>
			<div class="content">
				<a href="">
					<div class="ktL fl">
						<div class="kpt">
							<img src="./images/xinxuan1.webp" alt="">
						</div>
						<p class="zheT">先行者 3匹柜式变频空调</p>
						<p class="zheB">KFR-72LW/17EDS21AU1</p>
						<div class="line"></div>
					</div>
				</a>
				<div class="ktC fl">
					<a href="">
						<div class="gt">
							<div class="gtT">
								<div class="gt-pic">
									<img src="./images/xinxuan2.webp" alt="">
								</div>
								<P class="gongjin">10公斤纤合滚筒洗烘一体机</P>
								<P class="gongjinB">FAW10HD996LSU1</P>	
								<div class="line"></div>
							</div>
						</div>
					</a>
					<a href="">
						<div class="gt">
							<div class="gtT bianpin">
								<div class="gt-pic">
									<img src="./images/xinxuan5.webp" alt="">
								</div>
								<P class="gongjin">60升变频速热横式电热水器</P>
								<P class="gongjinB">EC6002-V5(U1)</P>	
								<div class="line"></div>
							</div>
						</div>
					</a>
				</div>
				<div class="ktR fl">
					<a href="">
						<div class="gt">
							<div class="gtT dianshi">
								<div class="gt-pic">
									<img src="./images/xinxuan3.webp" alt="">
								</div>
								<P class="gongjin">海尔50英寸智能电视</P>
								<P class="gongjinB">50T86</P>	
								<div class="line"></div>
							</div>
						</div>
					</a>
					<a href="">
						<div class="gt">
							<div class="gtT">
								<div class="gt-pic">
									<img src="./images/xinxuan6.webp" alt="">
								</div>
								<P class="gongjin">近吸式三速电子触摸按键吸油烟机</P>
								<P class="gongjinB">CXW-200-E900T6(J)</P>	
								<div class="line"></div>
							</div>
						</div>
					</a>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- 图片 -->
		<div class="tp">
			<div class="tpC">
				<div class="zhijia">
					<h3>海尔智家<br>全场景智慧解决方案</h3>
				</div>
				<div class="picture">
					<img src="./images/W020191012392133159408.webp" alt="">
				</div>
				<div class="zhkj">
					<p>5大智慧生活空间</p>
					<p>7大专业解决方案</p>
					<p>N种个性化需求制定</p>
				</div>
				<a href="">
					<div class="liaojie">了解更多</div>
				</a>
			</div>
		</div>
		<div class="xxjp">
			<div class="container">
				<h1>人气排行</h1>
				<ul>
					<li>
						<a href="">冰箱</a>
					</li>
					<li>
						<a href="">洗衣机</a>
					</li>
					<li>
						<a href="">空调</a>
					</li>
					<li>
						<a href="">热水器</a>
					</li>
					<li>
						<a href="">电视</a>
					</li>
					<li>
						<a href="">油烟机</a>
					</li>
					<div class="clear"></div>
				</ul>
				<div class="bing1">
					<ul>
						<li class="fl">
							<a href="">
								<img src="./images/W020190917794628145760_580.webp" alt="">
								<p>477升风冷变频十字对开门冰箱</p>
								<span>BCD-477WDPCU1</span>
							</a>
							<a href="">
								<div class="more">了解更多</div>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="./images/W020191114561818015020_580.webp" alt="">
								<P>520升风冷变频对开门冰箱</P>
								<span>BCD-520WDPD</span>
							</a>
							<a href="">
								<div class="more">了解更多</div>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="./images/W020191114648079562673_580.webp" alt="">
								<P>233升风冷变频三门冰箱</P>
								<span>BCD-233WDPT</span>
							</a>
							<a href="">
								<div class="more">了解更多</div>
							</a>
						</li>
						<div class="clear"></div>
					</ul>
				</div>
			</div>
		</div>
		<!-- 全屋购 -->
		<div class="quanwu">
			<div class="quanwuL">
				<div class="quanwuLT">
					<img src="./images/W020191115727689153833.webp" alt="">
					<div class="line"></div>
				</div>
				<div class="quanwuLB">
					<a href="">
						<h3>全屋购</h3>
						<p>旗舰品质，一站购齐！当你踏进家门的一刻，生活变的更智<br>慧，一键开启空调、电视、扫地机器人、回家即使安心。</p>
					</a>
				</div>
				<div class="lanse"></div>
			</div>
			<div class="quanwuR">
				<div class="quanwuRB">
					<img src="./images/W020190919792681418917.webp" alt="">
					<div class="line"></div>
				</div>
				<a href="">
					<div class="quanwuRT">
						<h3>活动集结地</h3>
						<p>玩转好家电，超值不败家！家电活动，限时抢疯狂购！现在下手还不晚！</p>
					</div>
				</a>
			</div>
		</div>
		<!-- 品牌故事 -->
		<div class="ppgs">
			<div class="pp">
				<h3>品牌故事</h3>
				<p>三十多年来，海尔与时俱进，从产品品牌到平台品牌，始终站在时代与行业发展前列。物联网时代， 
					<br>海尔生态品牌将持续为全球用户创造美好生活体验，成为全球生态品牌引领者。
				</p>
			</div>
			<div class="sp">
				<img src="images/NY%7BA(X3F2D%5BV_MSLZ%5BVL~0A.png" alt="">
			</div>
		</div>
		<!-- 品牌咨询 -->
		<div class="ppzx">
			<h3>品牌咨询</h3>
			<div class="ppzxL fl">
				<div class="ppzxtu">
					<img src="./images/W020200930587483848385.webp" alt="">
				</div>
				<a href="">
					<h2>装修房子，找设计师；智慧生活，上海尔智家</h2>
					<p>人们对家具生活的要求越来越高，不仅要智能，还要有品位。装修房子时可以找设计师，那智慧生活找谁呢？直接上海尔智家就够了！</p>
				</a>
				<div class="hx">
					<div class="hxC"></div>
				</div>
			</div>
			<div class="ppzxR fr">
				<ul>
					<li>
						<div class="moreF fl"></div>
						<a href="" class="fr">更多</a>
						<div class="clear"></div>
						<a href="">
							<h2>你怕冷，TA怕热，难为空调了？海尔多联机：可冷热一起开！</h2>
							<p>入秋后气温变化大，老人们换上了厚实的衣物，而年轻人还在和“秋老虎”抗争。那空调该开制热还是制冷呢？</p>
						</a>
						<div class="hx">
							<div class="hxC"></div>
						</div>
					</li>
					<li>
						<a href="">
							<h2>北京001号体验中心三翼鸟：1次体验，800套“样板”！</h2>
							<p>9月18日，2019房地产企业10强————融创地产在北京001号体验中心现场体验“三翼鸟”智慧用水场景方案后，立即为融创·壹...</p>
						</a>
						<div class="hx">
							<div class="hxC"></div>
						</div>
					</li>
					<li>
						<a href="">
							<h2>设计+装修+买家电要去几家店？以前N家，现在1家</h2>
							<p>想要给浴室焕新，肯定少不了设计、装修、采购等环节，往往需要跑N家店才能办完，但现在，成都的小伙伴只需要去1家店就...</p>
						</a>
						<div class="hx">
							<div class="hxC"></div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<!-- 品牌链接 -->
		<div class="pplj">
			<h3>品牌链接</h3>
			<ul>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414866553030.webp" alt="">
						</div>
					</a>
					
				</li>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414868476310.webp" alt="">
						</div>
					</a>
				</li>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414868829450.webp" alt="">
						</div>
					</a>
				</li>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414869241280.webp" alt="">
						</div>
					</a>
				</li>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414869617380.webp" alt="">
						</div>
					</a>
				</li>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414869975708.webp" alt="">
						</div>
					</a>
				</li>
				<li class="fl">
					<a href="">
						<div class="poto">
							<img src="./images/W020190926414870328092.webp" alt="">
						</div>
					</a>
				</li>
				<div class="clear"></div>
			</ul>
		</div>
		<!-- 底部 -->
		<div class="footer">
			<div class="footcon">
				<ul>
					<li class="fl">
						<h3>智慧家庭</h3>
						<ul>
							<li>
								<a href="">智慧首页</a>
							</li>
							<li>
								<a href="">智家方案</a>
							</li>
							<li>
								<a href="">智慧家电</a>
							</li>
							<li>
								<a href="">生活资讯</a>
							</li>
							<li>
								<a href="">智慧体验店</a>
							</li>
						</ul>
					</li>
					<li class="fl">
						<h3>个人与家用产品</h3>
						<ul>
							<li>
								<a href="">冰箱</a>
							</li>
							<li>
								<a href="">冷柜</a>
							</li>
							<li>
								<a href="">冰吧</a>
							</li>
							<li>
								<a href="">酒柜</a>
							</li>
							<li>
								<a href="">洗衣机</a>
							</li>
							<li>
								<a href="">空调</a>
							</li>
							<li>
								<a href="">电视</a>
							</li>
							<li>
								<a href="">热水器</a>
							</li>
							<li>
								<a href="">厨房电器</a>
							</li>
							<li>
								<a href="">电脑及外设</a>
							</li>
							<li>
								<a href="">小家电</a>
							</li>
						</ul>
					</li>
					<li class="fl">
						<h3>商用解决方案</h3>
						<ul>
							<li>
								<a href="">中央空调</a>
							</li>
							<li>
								<a href="">商用冷柜</a>
							</li>
							<li>
								<a href="">商用洗涤</a>
							</li>
							<li>
								<a href="">商用电视</a>
							</li>
							<li>
								<a href="">商用电脑</a>
							</li>
							<li>
								<a href="">U-home</a>
							</li>
							<li>
								<a href="">商用净水设备</a>
							</li>
							<li>
								<a href="">商用热泵</a>
							</li>
						</ul>
					</li>
					<li class="fl">
						<h3>购买与服务</h3>
						<ul>
							<li>
								<a href="">产品导购</a>
							</li>
							<li>
								<a href="">产品购买</a>
							</li>
							<li>
								<a href="">服务于支持</a>
							</li>
							<li>
								<a href="">会员尊享</a>
							</li>
						</ul>
					</li>
					<li class="fl">
						<h3>关于海尔</h3>
						<ul>
							<li>
								<a href="">海尔品牌</a>
							</li>
							<li>
								<a href="">投资者关系</a>
							</li>
							<li>
								<a href="">品牌资讯</a>
							</li>
						</ul>
					</li>
					<li class="fl">
						<h3>友情链接</h3>
						<ul>
							<li>
								<a href="">智慧生活体验馆</a>
							</li>
							<li>
								<a href="">创客实验室</a>
							</li>
							<li>
								<a href="">COSMOPlat平台</a>
							</li>
							<li>
								<a href="">海尔创意平台</a>
							</li>
						</ul>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="footB">
				<div class="footBL fl">
					<ul>
						<li class="fl">
							<a href="">关于海尔</a>
						</li>
						<li class="fl">
							<a href="">法律声明</a>
						</li>
						<li class="fl">
							<a href="">联系我们</a>
						</li>
						<li class="fl">
							<a href="">帮助中心</a>
						</li>
						<li class="fl">
							<a href="">海尔门店</a>
						</li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="footBC fl">
					<a href="">鲁ICP备09096283</a>
					<span>&emsp;|&emsp;© 2000-2020 Haier.com. All rights reserved.</span>
				</div>
				<div class="footBR fr">
					<a href="">海尔集团</a>
					<span>&emsp;|&emsp;Haier 全球网站群 · <a href="" class="zhong">中国</a>  关注海尔 </span>
					<div class="weixinT fr">
						<i class="icon weixin"></i>
						<div class="erweima"></div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</body>
</html>
